<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name='viewport' content='width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'>
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>优惠券商品页面1.0</title>
  <link rel="stylesheet" href="./lib/fa/css/font-awesome.css">
  <link rel="stylesheet" href="./lib/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="./lib/animate/animate.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/couponproduct.css">
  <script src="./lib/flexible/flexible.js"></script>
</head>

<body>
  <div class="mmm_container"  id="gotop">
    <div class="mmm_header clearfix">
      <a href="coupon.html" class="back fa fa-angle-left"></a>
      <h2>肯德基优惠券</h2>
      <div class="app">
        <img src="./images/header_app.png" alt="">
      </div>
    </div>
    <div class="mmm_title">
      --点餐前出示手机中的优惠券,即可享受优惠--
    </div>
    <div class="mmm_items">
      <!-- 待渲染 -->
      <!-- <div class="item">
        <img src="./images/1.bmp" alt="">
        <div class="right">
          <h3>C27  两人小食组 新奥尔良烤翅2块+薯条(中)+黄金鸡块5块+劲爆鸡米花(小) 2016年10月凭肯德基优惠券</h3>
          <p class="price">$18.00</p>
          <div class="time">有效期至2018</div>
        </div>
      </div> -->
    </div>
    


    <div class="mmm_footer">
      <div class="nav">
        <a href="javscript:;">登录</a>
        <a href="javscript:;">注册</a>
        <a href="#gotop">
          <img src="./images/top.jpg" alt=""> 返回顶部
        </a>
      </div>
      <div class="app">
        <span class="load">手机APP下载</span>
        <a href="#">慢慢买手机版</a>
        <span>--掌上比价平台</span>
        <p>m.manmanbuy.com</p>
      </div>
    </div>
  </div>


  <!-- 模态框 -->
  <div class="mmm_modal">

     <div class="box animated bounceInDown">
       <div class="off">×</div>
       <!-- 轮播图 -->
        <div class="swiper-container">
           <!-- 图片区域 -->
            <div class="swiper-wrapper">
              <!-- 动态渲染 -->
              <!-- <div class="swiper-slide"><img src="./images/1.bmp" alt=""></div>
              <div class="swiper-slide"><img src="./images/productctrl.jpg" alt=""></div>
              <div class="swiper-slide"><img src="./images/product.jpg" alt=""></div> -->
            </div>
          </div>
            
          <!-- 如果需要导航按钮 -->
          <div class="prev swiper-button-prev">
            <span class="fa fa-angle-left"></span>
          </div>
          <div class="next swiper-button-next">
            <span class="fa fa-angle-right"></span>
          </div>
     </div>

  </div>



  <script type="text/template" id="tmp">
   {{each result v i}}
     <div class="item">
        {{@v.couponProductImg}}
        <div class="right">
          <h3>{{v.couponProductName}}</h3>
          <p class="price">{{v.couponProductPrice}}</p>
          <div class="time">{{v.couponProductTime}}</div>
        </div>
      </div>
   {{/each}}
  </script>
  

  <script type="text/template" id="tmp2">
     <li>{{@result[0].couponProductImg}}</li>
       {{each result v i}}
          <li>{{@v.couponProductImg}}</li>
       {{/each}}
     <li>{{@result[result.length-1].couponProductImg}}</li>
  </script>

  <script type="text/template" id="tmp3">
   {{each result v i}}
        <div class="swiper-slide">{{@v.couponProductImg}}</div>
   {{/each}}
  </script>





  <script src="./lib/jquery/jquery.min.js"></script>
  <script src="./lib/artTemplate/template-web.js"></script>
  <script src="./lib/IScroll/iscroll.js"></script>
  <script src="./lib/swiper/js/swiper.min.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/couponproduct.js"></script>

  
  
</body>

</html>